body {
	background-color: #e6e6e6;
	padding: 0;
	margin: 0;
}

.content {
	height: 100%;
	width: 100%;
	/* border: 1px solid red; */
	position: relative;
	
}

.banner {
	background-color: #e6e6e6;
	text-align: center; 
	max-height: auto;
	max-width: 100vw;
	
}

.banner-span {
	
	padding-top: 20px;
	text-align: center;
	color: #e03e2d;
	font-size: 18px;
	box-shadow: none;
	font-family: 'PingFang SC';
}

.chat-now{
	width: 100%;
	height: auto;
	/* background-color: aqua; */
	margin-top: 20px;	
	animation: fadeIn 0.5s ease-in-out;
}

.chat-now-logo {
	width: 40px;
	height: 35px;
	/* border: 1px solid red; */
	/* display: inline-block; */
	border-radius: 65%;
	background-image: url('../img/user_logo.jpg');
	background-size: cover;
	margin-left: 5px;
}

.chat-now-message {
	min-width: 18px; 
	margin: 0px 15px; 
	line-height: 1.6em; 
	padding: 12px; 
	border-radius: 6px; 
	max-width: 90%; 
	/* display: flex; */
	font-size: 17px; color: #030303;  
	background: #ffffff;
	text-align: left;
	margin-left: 60px;
	margin-top: -20px;
	margin-bottom: 20px;
	
}

.chat-now-message > .age-btn {
	/* position: relative;   */
	
	font-size: 0px; 
	display: flex; 
	flex-wrap: wrap;  
	justify-content: center; 
	max-width: 95%;
	/* width: 600px; */
	margin: 0 auto;
	margin-top: 20px;
	
	
}

 button {
	background: #d0021b;
    border: 0.5px solid #d0021b;
    border-radius: 18px;
    text-align: center;
    line-height: 24px;
    padding: 5.5px 0px;
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    display: flex;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    color: #ffffff;
	font-size: 17px;
	font-size: 17px;
    min-width: 106px;
    margin: 0px 10px 12px;

;
	
}

.banner img {
	max-width: 100% !important;
	height: auto !important;
}



#selected-age{
	/* display: flex;
	justify-content: flex-end; */
	
	width: 120px;
	right:10px;
	position: absolute;
	
}	

#selected-age-btn{
	width: 80px;
	height: 50px;
	border-radius: 7px;
	margin-bottom: 10px;
	
	
	
}

#selected-symptom {
	width: 120px;
	/* display: flex; */
	right: 10px;
	position: absolute;
}

#selected-symptom-btn {
	width: 80px;
	height: 50px;
	border-radius: 7px;
	
}

#selected-isorno {
	width: 120px;
	/* display: flex; */
	right: 10px;
	position: absolute;
}
#selected-isorno-btn {
	width: 80px;
	height: 50px;
	border-radius: 7px;
	margin-right: 10px;
	
}

.footer {
	width: 100%;
	height: auto;
	display: none;
}

.footer img {
	width: 100%;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}